
<template>
	<view style="padding: 0 25upx;">
		<view class="font40 blod tit">登录</view>
		<view class="font32">手机号码</view>
		<view class="part">
			<input :password=false placeholder="请输入手机号码" v-model="phone"/>
		</view>
		
		<view class="font32">密码</view>
		<view class="part">
			<input :password=true placeholder="请输入密码" v-model="password"/>
		</view>
		<view class="colorsys font26" style="float: right;" @tap="reset">忘记密码？</view>
		<button class="font34 btn colorfff">登录</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				phone:'',
				password:''
			}
		},
		onNavigationBarButtonTap(){
			uni.navigateTo({
				url:"./register"
			})
		},
		methods: {
			// 忘记密码
			reset(){
				uni.navigateTo({
					url:'./reset'
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	.tit{
		margin: 60upx 0;
	}
	.part{
		margin: 30upx 0;
		border-bottom: 1px solid #eee
	}
	.btn{
		margin-top:150upx; 
		background:linear-gradient(to left,#5d61e9,#3e9dff) 
	}

</style>
